草庐IT

java - Spinner 的滚动条样式

全部标签

javascript - 如何区分通过鼠标滚动和在 JavaScript 中以编程方式滚动?

我通过更改Javascript中的scrollLeft属性来滚动溢出的DIV的内容:setInterval(function(){$('#scrollbox').scrollLeft($('#scrollbox').scrollLeft()+1);},50);但是,我想在用户使用鼠标自己滚动内容时立即停止此操作。我尝试使用滚动事件检测到这一点$('#scrollbox').scroll(function(){...});但是,我上面的自动滚动也会触发该事件。我如何区分这一点并仅对用户启动的滚动使用react?(或者:我怎样才能阻止上面的代码触发滚动事件?这也可以解决问题)

javascript - Twitter bootstrap scrollspy - 在平滑滚动时禁用?

我们在侧边栏ul/il列表上使用twitterbootstrapscrollspy,效果很好。但是,我们在单击侧边栏中的链接时也会使用平滑滚动。这会导致scrollspy突出显示进入View的每个元素,就像在正常情况下应该的那样。但是当通过单击侧边导航中的链接触发滚动时,用户很可能不希望菜单在滚动时显示动画。有什么方法可以在动画滚动运行时暂时禁用scrollspy,然后在滚动完成后重新启用它? 最佳答案 通过将类设置为scrollspy的目标,您可以动态停止/恢复scrollspy操作。$('body').scrollspy({ta

javascript - 如何抑制窗口鼠标滚轮滚动...?

我正在开发一个嵌入页面的Canvas应用程序。我有它,因此您可以使用鼠标滚轮放大绘图,但不幸的是,这会滚动页面,因为它是文章的一部分。当我在dom元素上滚动鼠标时,是否可以阻止鼠标滚轮在窗口上滚动?! 最佳答案 为鼠标滚轮(非Gecko)/DOMMouseScroll(非IE)附加事件处理程序并阻止其默认操作(即滚动内容):if(element.addEventListener)element.addEventListener("DOMMouseScroll",function(event){event.preventDefault

javascript - 重新计算样式 : why so stuttering?

假设我们有一段代码可以将一系列相似的元素注入(inject)到DOM中。像这样:varCOUNT=10000,elements=Object.keys(Array(COUNT).join('|').split('|'));vard=document,root=d.getElementById('root');functioninject(){varcount=COUNT,ul=d.createElement('ul'),liTmpl=d.createElement('li'),liEl=null;console.time('Processingelements');while(coun

javascript - 禁用 Chrome 的滚动保留功能

我有一个包含项目列表的页面:加载更多按钮应该通过ajax加载更多项目并将其附加到保留当前滚动位置的项目容器。所以在我点击它之后,我希望它看起来像这样(绿色项目是新的):但实际上Chrome56执行了一些计算以使页面保持相同状态,我看到的是这样的:有什么方法可以阻止Chrome中的这种智能滚动位置设置吗?更新:仅当父容器(在我的例子中为“body”)具有“display:flex”属性(我用它来实现“粘性页脚”功能)时,我才能重现该行为。 最佳答案 我通过向滚动容器添加overflow-anchor:none;解决了类似的问题。htt

javascript - 使用 :hover javascript 设置样式

我了解到,由于浏览器兼容性,以下方法非常适合设置CSS样式。element.style.cssText="color:red;";我不能做的是使用cssText在:hover和:focusCSS事件上应用样式。我该怎么办?element.style.cssText=":focus{color:red;}";附言不要提及使用javascript事件,例如onmouseover而不是CSS:hover(这不适合我的情况。) 最佳答案 你可以用一些巫毒魔法来做到这一点:varhead=document.getElementsByTagNa

javascript - Ckeditor 在应用样式时添加空段落

我的CKEditor在将样式应用到选定段落时添加了很多不必要的标签我使用以下html启动CKeditor:Hi,thisatext!当我选择段落并使用工具栏应用样式时,CKEditor将我的html格式化为以下格式:  Hi,thisatext!  有什么方法可以阻止CKEditor添加带有不间断空格的段落吗?我已经尝试过将config.fillEmptyBlocks=false;和config.IgnoreEmptyParagraphValue=true;添加到我的配置文件中更新原来这个问题是由样式本身引起的,它是自定义样式。这段代码是问题所在

javascript - 在滚动时查找位于可见屏幕(视口(viewport))中间的元素

我需要知道是否有一种方法可以确定div是否位于屏幕中央。HTML:texttext.....text考虑到页面是可滚动的,有没有办法确定div何时位于可见屏幕的中心?所以基本上,当用户向下滚动页面时,应该选择可见屏幕中间的div。谢谢 最佳答案 DEMOPAGEvarfindMiddleElement=(function(docElm){varviewportHeight=docElm.clientHeight,//herei'musingpre-cachedDIVelements,butyoucanuseanythingyouwa

javascript - 如何确定具有不同行高和/或填充的不同浏览器中的最大滚动位置?

有没有办法确定每个浏览器的最大滚动位置,而无需实际滚动到末尾并读取该位置?取了一个固定高度和溢出的容器div。容器中的几个div元素,其高度之和大于容器的高度。有一个最大滚动位置(y),我认为它只是容器高度减去总元素高度。在容器的line-height大于元素的height之前,这似乎是正确的。如果是这种情况,似乎每个浏览器都以不同方式确定最大滚动位置。有了填充,情况变得更糟,一些浏览器添加顶部填充,一些浏览器添加顶部和底部填充。查看此fiddle例如。调整容器行高和div.item高度。 最佳答案 我只能在少数几个浏览器中进行测试

javascript - 有没有一种简单的方法可以在文本框中单击并拖动滚动?

我有一个带有overflow:auto和滚动条的div,我希望能够拖动内容进行滚动。我不需要能够选择文本。是否有捷径可寻?一个jQuery插件会很好,否则普通的旧JavaScript就可以了。看来我说的还不够清楚。有一个我想要滚动的固定高度的div。我不想拾取滚动条,而是想在文本中沿相反方向单击并拖动。就像在iPhone上一样。就像在Photoshop中按住空格并拖动一样。-------------------|||||||||||||| 最佳答案 这是拖动和滚动div的一个很好的实现https://github.com/mvlan